<template>
    <div class="personal">
      <div class="tops">
        <div class="top">
          <div class="mall-top">积分兑换商城</div>
          <!-- <div class="iconfont icon">&#xe87f;{{integral}}积分</div> -->
        </div>
      </div>
      <mall-swiper></mall-swiper>
      <mall-goods></mall-goods>
      <Menu></Menu>
    </div>
</template>

<script>
import Menu from './common/Menu'
import MallGoods from './mall/goods'
import MallSwiper from './mall/swiper'
// import { garbageMixin } from '../utils/mixin'
// import { getLocalStorage } from '../utils/localStorage'

export default {
  // mixins: [garbageMixin],
  name: 'Mall',
  components: {
    Menu,
    MallGoods,
    MallSwiper
  }
  // data () {
  //   return {
  //     integral: 0
  //   }
  // },
  // watch: {
  //   watch () {
  //     let iGration = getLocalStorage('userIntergration')
  //     console.log(iGration, 'iGration')
  //     if (iGration !== this.intergral) {
  //       location.reload()
  //       console.log('刷新了')
  //     }
  //     console.log('hahha')
  //   }
  // },
  // mounted () {
  //   console.log(this.integral, 'intergral0000')
  //   this.integral = getLocalStorage('userIntergration')
  //   console.log(this.integral, 'intergral')
  // }
}
</script>

<style lang="scss" scoped>
@import "../assets/styles/global";
.tops {
  height: 45px;
  .top{
    position: fixed;
    top: 0;
    z-index: 99;
    display: flex;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 17px;
    background: skyblue;
    // box-shadow: 0 2px 4px 4px rgba(0, 0, 0, .04);
    .mall-top{
      flex: 1;
      // margin-left: 45px;
    }
    // .icon{
    //   float: right;
    //   overflow: hidden;
    //   font-size: 11px;
    //   margin-right: 15px;
    // }
  }
}
</style>
